<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <div class="header">
        <div class="continner">
            <div class="left">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="right">
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">ABOUT</a></li>
                    <li><a href="#">PORTFOLIO</a></li>
                    <li><a href="#">SERVICE</a></li>
                    <li><a href="#">NEWS</a></li>
                    <li><a href="#">CONTACT</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="continner">
            <img src="./images/banner.png" alt="">
        </div>
    </div>
    <div class="center">
        <div class="continner">
            <div class="center-top">
                <div class="tubiao">
                    <div class="box"></div>
                    <div class="box2"></div>
                </div>
                <span>服务范围</span>
                <p>OUR SERVICES</p>
                <div class="tubiao2">
                    <div class="box"></div>
                    <div class="box2"></div>
                </div>
            </div>
            <div class="center-down">
                <div class="inner">
                    <div class="biankuan">
                        <i class="iconfont icon-diannao"></i>
                    </div>
                    <h1>1.WEB DESIGN</h1>
                    <span>企业品牌网站设计/手机网站制作动画网站创意</span>
                </div>
                <div class="inner">
                    <div class="biankuan">
                        <i class="iconfont icon-weibiaoti--"></i>
                    </div>
                    <h1>2.GRAPHIC DESIGN</h1>
                    <span>标志LOGO设计/产品宣传册设计企业广告/海报设计</span>
                </div>
                <div class="inner">
                    <div class="biankuan">
                        <i class="iconfont icon-gouwuche"></i>
                    </div>
                    <strong>
                        <h1>3.E-BUSINESS PLAN</h1>
                    </strong>
                    <span>淘宝/天猫装修设计及运营推广企业微博/微信营销</span>
                </div>
                <div class="inner">
                    <div class="biankuan">
                        <i class="iconfont icon-youxiang"></i>
                    </div>
                    <p>4.MAILBOXAGENTS</p>
                    <span>腾讯/网易企业邮箱品牌代理个性化邮箱定制开发</span>
                </div>
            </div>
        </div>
    </div>
    <div class="kehu">
        <div class="continner">
            <div class="kehu-top">
                <div class="tubiao">
                    <div class="box"></div>
                    <div class="box2"></div>
                </div>
                <span>{&nbsp;客户案例&nbsp;}</span>
                <p>With the best professional technology, to design the best innovative web site</p>

            </div>
            <div class="kehu-center">
                <img src="./images/1.png" alt="">
                <img src="./images/2.png" alt="">
                <img src="./images/3.png" alt="">
            </div>
            <div class="kehu-down">
                <button>VIEW MORE</button>
            </div>
        </div>
    </div>
    <div class="five">
        <div class="box5">
            <div class="td">
                <div class="ttd"></div>
                <div class="ttd">
                    <div class="p1">最新资讯</div>THE LATEST NEWS
                </div>
                <div class="ttd"></div>
            </div>
            <div class="td">
                <img src="./images/nwe.png" alt="">
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">09</div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">网站排名进入前三的技巧说明</div>
                    很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        08
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        flash网站制作的优缺点
                    </div>
                    虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        07
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        做个网站多少钱？
                    </div>
                    做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        06
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        哪些网站优化手法属于网站过度优化
                    </div>
                    大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...
                </div>
            </div>
        </div>
    </div>
    <div class="down">
        <!-- <div class="contrian"> -->
            <div class="left">
                Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved
            </div>
            <div class="right">
                Home | About | Portfolio | Contact
            </div>
        <!-- </div> -->
    </div>

</body>

</html>